<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="referrer" content="never"> 
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../css/utils/mui.min.css" />
	<title>个人海报</title>
	<style>
		body {
			margin: 0;
			padding: 0;
		}
		#posterImg {
			width: 100%;
			text-align: center;
		}
		#posterImg img {
			width: auto;
			max-width: 100%;
			height: auto;
		}
	</style>
</head>
<body>
	<div id="posterImg">
		<img src="../../img/phone/poster_back.png"></img>
	</div>
	<script type="text/javascript" src="../../js/utils/mui.min.js" ></script>
	<script type="text/javascript" src="../../js/utils/jquery-1.12.4.min.js" ></script>
	<script type="text/javascript">
		document.write('<script type="text/javascript" src="../../js/utils/boot.js?v='+new Date().getTime()+'" ><\/script>');
	</script>
	<script>
		var customerID = base.getParameter("customerID");
		var goodsID = base.getParameter("goodsID");
		var articleID = base.getParameter("articleID");
		$(function(){
			var qrcodeUrl = server_root + "/phone/web/shareArticle.do" + window.location.search + "&type=2";
			base.postData(base.url.getPoster, {customerID:customerID,qrcodeUrl:qrcodeUrl,goodsID:goodsID,articleID:articleID}, function(data){
				if (data.success) {
					$("#posterImg img").attr("src", data.context.posterImg);
					$("#posterImg img").css("height", document.documentElement.clientHeight);
				}else{
					mui.toast(data.msg);
				}
			});
		});
	</script>
</body>
</html>
